import Vue from 'vue' // 引入的是/node_modules/vue/dist/vue.runtime.esm.js'
import App from './App.vue'
// import Vue from 'vue/dist/vue.js' // 引入完整的vue.js,就可以使用template了

// 定义App根组件
// const App = {
//   template: '<h1>app组件,{{msg}}</h1>',
//   data() {
//     return {
//       msg: 'xxx',
//     }
//   },
// }

Vue.config.productionTip = false

new Vue({
  // 注意: 脚手架创建的vue项目中,无法使用template属性
  // 为什么不能写template呢?
  // template: `<div id="app">
  //               <App></App>
  //            </div>`,
  render: (h) => {
    console.log(h)
    return h(App)
  },
  // components: {
  //   App,
  // },
}).$mount('#app')
